<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, 
    maximum-scale=1.0, user-scalable=0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/01.css">
    <script src="./js/flexible.js"></script>
</head>
<body>
    <!-- 顶部导航 -->
    <div class="nav-dao">
        <a href="#">
            <span>  </span>
        </a>
        <a href="">
            <span></span>
        </a>
        <a href="">
            <span></span>
        </a>
    </div>
    <div class="banner">
        <img src="./images/seach.jpg" alt="">
      <div class="search">
          <input type="text" 
          placeholder="输入小区或商圈名开始找房咯！" >
      </div>
    </div>
  <ul class="nav-local">
    <li>
        <span class="local-1"></span>
        <span class="fang">二手房</span>
    </li>
    <li>
        <span class="local-2"></span>
        <span class="fang">新房</span>
    </li>
    <li>
        <span class="local-3"></span>
        <span class="fang">租房</span>
    </li>
    <li>
        <span class="local-4"></span>
        <span class="fang">卖房</span>
    </li>
 

  </ul>

  <!-- 看资讯图片 -->
  <div class="zixun">
      <img src="./images/banner2.png" alt="">
  </div>
  <!-- 热门房源 -->
  <div class="re">
    <h2>热门房源</h2>
    <p>Hot house</p>
  </div>
  <!-- 房子图片部分 -->
   <section>
     <div class="hot-house">
       <a href="#"></a>
       <div class="hot">
        <p>文化部中间层 一层带...</p>
        <p>2室1厅96m南北 <span>1105万</span></p>
        <p>红庙北里 <span>14268/平</span></p>
        <p>
          <span>学区房</span> <span>独家</span>
        </p> 
       </div>
     </div>
     
     <div class="hot-house">
      <a href="#"></a>
      <div class="hot">
       <p>文化部中间层 一层带...</p>
       <p>2室1厅96m南北 <span>1105万</span></p>
       <p>红庙北里 <span>14268/平</span></p>
       <p>
         <span>学区房</span> <span>独家</span>
       </p> 
      </div>
    </div>
    <div class="hot-house">
      <a href="#"></a>
      <div class="hot">
       <p>文化部中间层 一层带...</p>
       <p>2室1厅96m南北 <span>1105万</span></p>
       <p>红庙北里 <span>14268/平</span></p>
       <p>
         <span>学区房</span> <span>独家</span>
       </p> 
      </div>
    </div>

   </section>

  <!-- 热门关注 友情链接 -->
   <div class="guan-zhu">
     <div class="zhu">热门关注</div>
     <div class="guan">友情链接</div>
   </div>

   <!-- 北京二手房 -->
   <div class="er-shou">
     <ul class="shou">
       <li>北京二手房</li>
       <li>北京二手房价</li>
       <li>海定日租房</li>
       <li>朝阳新房</li>
     </ul>
     <ul class="shou">
      <li>北京找房无忧</li>
      <li>青年家园</li>
      <li>免税房源</li>
      <li>满五年唯一免税</li>
     </ul>
   </div>
  <!-- 底部制作 -->
  <footer>
    <div class="foot">
      北京找房无忧 > 首页
    </div>
    <div class="foot">
      <div class="fo">
        <span></span>
        <span>iphon <br> 客户端</span>
      </div>
      <div class="fo">
        <span></span>
        <span>iphon <br> 客户端</span>
      </div>
    </div>
    <div class="foot">北京找房无忧房地产经纪公司 <br>
     网络经营许可证京ICP备20160812号
    </div>
  </footer>

  <!-- 固定定位 -->
  <div class="gu">
    <div class="cha"><a href="#">x</a></div>
    <div class="gu-1">
      <span></span>
    </div>
    <div class="gu-1">
<p>找房无忧</p>     
<p>市场行情，一手掌握！</p>   
 </div>
    <div class="gu-1">免费下载</div>
  </div>
</body>
</html>
